<template>
  <view class="shopItems">
    <view v-for="items in Goods" :key="items.id">
      <view class="img">
        <image :src="items.img_url" mode="" />
      </view>
      <view class="price">
        <text>￥{{ items.sell_price }}</text>
        <text>{{ items.market_price }}</text>
      </view>
      <view class="name">{{ items.title }}</view>
    </view>
  </view>
</template>
<script>
export default {
  props: ["Goods"],
};
</script>
<style lang="scss" scoped>
.shopItems {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

  > view {
    width: 370rpx;
    background: white;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 30rpx;
    .img {
      text-align: center;
    }
    image {
      width: 280rpx;
      height: 280rpx;
    }
  }
  .price {
    color: $shop-color;
    font-size: 36rpx;
    text:nth-child(2) {
      color: #ccc;
      margin-left: 17rpx;
      text-decoration: line-through;
    }
  }
  .name {
    font-size: 28rpx;
  }
}
</style>